﻿/*站点标签通用样式定义*/
html,body{
font-family:Microsoft YaHei,arial,宋体;font-size:12px;line-height:2;color:#515151; margin:0 auto; background:#fff url(../images/bg.jpg) repeat-x top;  }
 h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body ,span,input{ margin: 0; padding: 0; border: 0; font-family:微软雅黑,arial,宋体;}  
  
a{text-decoration:none;color:#515151;}
a:hover{ color:#d10d00; }
ul,li{list-style-type:none;}
table { border-collapse: collapse; }
h1{font-size:22px;}
h2{font-size:18px; }
h3{ font-size:15px;}
h4{ font-size:12px; }

.nybann li{ height:350px;}
/*全局样式类定义*/
.clear { clear: both; height:0; overflow:hidden;}
.head{   margin:0 auto;   background:url(../images/topbg.jpg) no-repeat top center;}
.top{background:url(../images/logo.jpg) no-repeat 15px 25px;}
.en{ height:165px; margin:0 auto; width:1000px; color:#a5a5a5;text-align:right; line-height:30px;  }
.en a{ color:#a5a5a5; padding:0 5px; }
  /*导航开始*/
 
/*nav*/
#nav{ position:relative;z-index:100;}
.zmenu { width:1000px; height:59px; line-height:49px; margin:0 auto; }
.zmenu ul{float:left;width: 116px;position: relative;}
.zmenu li{float:left;position:relative;z-index:1; color:#fff;}
.zmenu li a{display:block;width:116px;height:59px; font-size:15px;text-align: center;   font-weight:bold;  }
.zmenu li a:hover{    background:url(../images/menuturn.jpg) repeat-x; color:#fff;}
.move-bg{color:#fff; display:none;position:absolute;left:0;top:0;width:116px;height:59px;background:url(../images/menuturn.jpg) repeat-x;z-index:0}
.cho{width:116px;height:59px; background:url(../images/menuturn.jpg) repeat-x;color:#fff;;}
.zmenu ul ol.menu {position: absolute;  width: 116px ; z-index:999;top: 59px;}
.zmenu ul ol.menu span {width: 116px; float: left; height: 25px;border-bottom: #eee 1px solid;background: #ff0d0d;}
.zmenu ul ol.menu span a { font-size:12px; font-weight:normal;text-align: center; line-height: 25px; height:25px;display: block;color:#fff; }
.zmenu ul ol.menu span a:hover {background: #666;height: 25px; color:#fff}


 .flexslider { text-align:center; width:100%; margin:0 auto; position: relative; height: 450px; overflow: hidden; background:#f2f2f2  url(../images/lightbox-ico-loading.gif) 50% no-repeat; text-align:center }
.slides { position: relative; z-index: 1;}
.slides li { height: 450px;}
.slides li a{ width:100%; height:450px; display:block;}
.flex-control-nav { position: absolute; bottom: 15px;  z-index: 2; width: 100%; text-align:center;}
.flex-control-nav li { display: inline-block; width:58px; height: 10px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block;width:58px; height: 10px;  line-height: 50px; overflow: hidden; background:#a5352e; color:#a5352e; cursor: pointer; }
.flex-control-nav .flex-active { background:#b78b60; color:#fff;}



#s2{height:190px; width:1077px; margin:40px auto;}
#s2 a.abtn{display:block;height:190px;width:35px;overflow:hidden;background:url(../images/arrow3.png) no-repeat 0px 50%;}
#s2 a.aleft{float:left;}
 #s2 a.aright{float:right;background-position:-42px 50%;}
  
#s2  .imglist_w{width:1000px;height:190px;overflow:hidden;float:left;position:relative;/*必要元素*/}
#s2 .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
#s2  .imglist_w li{float:left; margin:0 10px;  }
#s2  .imglist_w li img{width:230px;  height:190px;  }

 
 
.proshow td A {
	POSITION: relative; DISPLAY: block
}
.proshow a:hover{ color:#ee4a22;}
.proshow  .filter {
	HEIGHT: 80px; BACKGROUND: #860504; POSITION: absolute; LEFT: 0px; DISPLAY: none; TOP: 0px; WIDTH: 230px; font-size:18px; font-weight:bold; color:#fff; padding-top:110px; text-align:center; line-height:80px;
}
.proshow  .txt {
	HEIGHT: 190px; POSITION: absolute; LEFT: 0px; Z-INDEX: 30; DISPLAY: none; TOP: 0px; WIDTH: 230px
}
.proshow  .txt .icon {
	HEIGHT: 190px; BACKGROUND: url(../images/icon_bg.png) no-repeat center 50%;   DISPLAY: block; WIDTH: 230px
}
.proshow p{ position:absolute; top:160px; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold; color:#fff; background:url(../images/footmenuli.png) repeat; width:230px;}



      
.footer{ width:100%; background:url(../images/foot.jpg) repeat;  }
.foot{ width:945px; padding:5px 70px;background:url(../images/footbg.jpg) no-repeat top center;    margin:0 auto;  } 
.foot span{ float:right; padding-top:10px;} 
.content{ width:1003px; margin:0 auto; font-size:15px; background:url(../images/contbg.jpg) repeat-y; }

.footm{ border-top:5px solid #ff0d0d; background:url(../images/footmenu.jpg) repeat}
.footmenu{ width:1000px; margin:0 auto; padding-top:20px; padding-bottom:10px;}
.footmenu li{ width:205px; float:left; text-align:center; margin:0 22px; background:url(../images/dot.png) no-repeat 180px 10px;}
.foo{ line-height:22px; font-size:14px; background:url(../images/footmenuli.png) repeat;  text-align:left; padding-left:60px; padding-bottom:10px; padding-top:5px; border:1px solid #282627;}
.footm a{ color:#b5b5b5;}
.fo{ border:1px solid #100e0e;}
.fo{ border-top:1px dotted #b5b5b5; padding-top:3px;}
.footera{ text-align:center; line-height:35px;}

.mainbody{ padding:15px; padding-top:25px; }
.maintop{ border-bottom:1px solid #293868;   line-height:40px;    }
.maintop span{ float:right; color:#ff3030; font-size:18px; font-weight:bold;}
.maintop h1{color:#222222; padding-left:3px;}
.maintest{ padding:10px 0; }
.im{ background:url(../images/hbg.jpg) no-repeat bottom center; padding-bottom:20px;}
.im img{ border:5px solid #e5e5e5; width:218px; height:152px;}

.maintopa{border-bottom:1px solid #293868;   line-height:40px; padding-bottom:1px;}
.maintopa h1{ float:left;padding-left:3px;color:#222222; text-align:right; }
.maintopa span{ float:left; color:#ff3030; font-size:18px; font-weight:bold;}
#nava { width:680px; float:left; padding-left:25px;}
#nava li{width:150px; margin:0 1px;float:left;position:relative;z-index:1;text-align:center;}
#nava li .title{display:block; height:40px; background:#ededed;}
#nava li .title:hover{background-color:#ff0d0d; color:#fff; }
#nava li .submenu{width:150px;margin:0 auto;background:#595959;position:absolute;left:0;top:40px;display:none;}
#nava li .submenu dd{border-bottom:1px solid #fff;color:#fff; height:25px; line-height:25px;   }
.submenu dd a{ color:#fff;}
#nava li .submenu dd:hover{background-color:#ff0d0d; color:#fff; text-align:center;  }

.productlist li{ width:473px;   float:left; margin:6px; }
.productlist li a{width:473px; height:35px; float:left;  padding-top:154px;}
.productlist li a p{ width:473px; height:35px; display:block; line-height:35px;background:url(../images/footmenuli.png) repeat; color:#fff; text-indent:20px; font-weight:bold; }
.productlist li a:hover p{ width:473px; height:35px; display:block;  background:url(../images/pturn.png) repeat;   }

/*Main Content*/
.MainContent { overflow: hidden; clear: both; line-height: 20px; text-align: left; }
.MainContent div, .MainContent ul, .MainContent li { overflow: hidden; }

 
/*Article List*/
.arList { clear: both; margin: 0px 20px 0px 10px; line-height: 30px; }
.arList li { margin-top: 5px; border-bottom: 1px dashed #636363; }
.arList li a { color: #636363; text-decoration: none; }

/*Article Content*/
.arTitle, .arDate, .arKeywords, .arContent { clear: both;   }
.arTitle {   line-height: 36px; text-align: center; color: Black; }
.arDate { height: 24px; line-height: 24px; text-align: center; }
.arKeywords { height: 24px; margin: 10px auto; line-height: 24px; text-indent: 10px; color: #007ee0; border-top: dashed 1px #858585; border-bottom: dashed 1px #858585; }
.arContent { margin: 10px auto; line-height: 24px;  }

/*Exhibit List*/
.ExhibitList { clear: both; margin: 0 auto;   }
.ExhibitList li { float: left; width: 190px; margin:10px 18px;text-align: center; border: 1px solid #e4e4e4; }
.ExhibitList li img { padding: 5px; width:180px; height:135px; }
.ExhibitLista li{float: left;  margin:10px 45px;text-align: center; background:none;   }
 

 
/*Product List*/
  
 /*Job List*/
.JobList { width: 710px; margin: 10px auto; }
.JobListItem { margin-bottom: 20px; width: 100%; }
.JobPost { width: 700px; }
.JobPost tr { }
.JobPost td { border: 1px solid #656565; height: 24px; line-height: 24px; }
.jpTitle { width: 100px; text-align: center; }
.jpContent { width: 250px; padding: 0px 5px; }
.jpUnite { width: 600px; padding: 0px 5px; }

 
 
/*Prev Next*/
.FastMove { clear: both;  margin: 10px auto; border-top: 1px dashed black; font-weight: bold; }
.FastMove .Prev, .FastMove .Next { height: 30px; line-height: 30px; }
.FastMove .Prev { float: right; }
.FastMove .Next { float: left; }

/*PageBar*/
.PageBar { clear: both;   height: 54px; margin: 20px auto 10px auto; font-size: 12px; text-align: center; }
.PageButtons { height: 28px; }
.PageButtons span, .PageButtons a { height: 26px; line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 6px; }
.PageButtons span { color: #ffffff; background-color: #CCCCCC; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background-color: #FFFF99; }
.PageInfo { height: 24px; line-height: 24px; }


 

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 图片点击放大
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


 
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:263px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
 
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:350px;height:263px;border:1px solid #DFDFDF;}
 
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:42px; line-height:42px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:44px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:44px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:38px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.protit{ color:#db2400;  }
.propic{ width:350px; float:left}
.progai{ width:350px; float:right;}
.progai h3{ display:inline;}
.protitle{ line-height:30px; margin:20px auto; background:rgb(0, 119, 186); color:#fff; padding-left:10px;}
